a{
    text-decoration: none;
}

ul{
    list-style: none;
}
input{
    outline: none;

}
html,body{
    height: 100%;
}
.main{
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 180px;
    transition: all 1s;
    &.now{
        padding-left:0;
    }
    .left{
        width:180px;
        height: 100%;
        background-color:#222d32;
        position: absolute;
        top:0;
        left: 0;
        transition: all 1s;
        &.now{
            left:-180px;
        }
        .title {
            height: 50px;
            background-color: #367fa9;
            text-align: center;
            line-height: 50px;
            a {
                color: white;
                font-size: 20px;
                font-weight: bold;
            }
        }
        .administrator{
            width: 100%;
            height: 180px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                // 记住行内元素设置宽高之前需要将display改为block
                display: block;
                width: 80px;
                height: 80px;
                border-radius: 50%;

            }
            p{
                font-size: 16px;
                color:white;
                margin-top: 10px;
            }
        }
        .menu{
            width:100%;
            margin: 0;
            padding: 0;
            .active{
                background-color:#1d1f21;
                border:3px solid transparent;
                border-left: 3px solid #367fa9;
            }
            a{
                width: 100%;
                color:white;
                font-size: 14px;
                line-height: 40px;
                padding-left: 30px;
                box-sizing: border-box;
                text-decoration: none;
                display: block;
                
                span{
                    margin-right: 10px;
                }
            }
            .submenu{
                display: none;
              a{
                padding-left: 50px;
              }


            }
        }

    }
    .right{
        width: 100%;
        height: 100%;
     
        .topBar{
            width: 100%;
            height: 50px;
            background-color:#3c8dbc;
            a{
                color:white;
                font-size: 16px;
                margin:0 20px;
                line-height: 50px;

               
            }
        }
        .breadcrumb {
            margin: 20px;
        }
        
        
    }
}
#myModal{
    .modal-body{
        color:#800;
    }

}
